:host {
  display: flex;
  flex: 1;
  flex-direction: column;
  .graph-container {
    flex: 1 !important;
    width: 100% !important;
    height: auto !important;
  }
  .edit-corner {
    position: absolute;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
    transition: 0.5s;
    &:hover {
      opacity: 1;
    }
  }
}

::ng-deep {
  .header {
    width: 100%;
    height: 80px;
    background-image: url(../../../../assets/images/head_bg.png);
    background-size: 100% 100%;
  }
  .p-card {
    .p-card-body {
      flex: 1;
      display: flex;
      flex-direction: column;
      .p-card-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: -1rem;
      }
    }
  }
}
